<!DOCTYPE html>
<base href="http://www.example.com/">
<svg>
  <script>
    var svgRoot = document.querySelector('svg');
    svgRoot.pauseAnimations();
    svgRoot.setCurrentTime(1);
  </script>
  <defs>
    <path id="path" d="M100,0z"/>
  </defs>
  <rect width="100" height="100" fill="green">
    <animateMotion dur="0.01" fill="freeze">
      <mpath xlink:href="#path"/>
    </animateMotion>
  </rect>
  <rect id="rect" width="100" height="100" fill="red"/>
  <set attributeName="fill" xlink:href="#rect" to="green" dur="indefinite"/>
</svg>
